<!DOCTYPE html>
<html>

<head>
    <!-- JavaScript 能够以不同方式“显示”数据：

使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台 -->
</head>

<body>
    <h1>我的第一张网页</h1>

    <p>我的第一个段落</p>

    <button onclick="fun1()">试一试1</button>
    <button onclick="fun2()">试一试2</button>
    <p id="demo"></p>
    <button onclick="document.write(src1)">试一试3</button>

</body>
<script>
    var src1 = "在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML";


    function fun1() {
        window.alert("Alert for Window");
    }

    function fun2() {
        console.log("Tips: consloe.log function");
    }

    document.getElementById("demo").innerHTML = " 5 + 6  for innerHTML =" + 5 + 6;
</script>
<!-- 在 HTML 文档完全加载后使用 document.write() 
    将删除所有已有的 HTML ：

 -->

</html>